<template>
	<Page scroll>
		<Tabs :config='tabsConfig' :styleMode='2' contentClass='pt15 pb20'>
			<template #='{value}'>
				<template v-if='+value === 0'>
					1
				</template>
				<template v-else-if='+value === 1'>2</template>
			</template>
		</Tabs>
	</Page>
</template>

<script setup>
	const Page = $.lazy(()=>import('#tp/content/page-content.vue'))
	const Tabs = $.lazy(()=>import('@antd/tabs.vue'))
	
	const onChange = ({ value }) => {
		
	}
	const tabsConfig = {
		full:true,
		scroll:true,
		data: [
			{ label:'标题 1', value:'0' },
			{ label:'标题 2', value:'1' },
		],
		onChange: ({ value }) => {
			console.log(value)
		},
		headerControls: {
			controls: [
				{ label:'按钮', click:() => {} }
			]
		},
		footerControls: {
			controls: [
				{ label:'按钮', click:() => {} }
			]
		}
	}
</script>